<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>jQuery Tree </title>
    <link rel="stylesheet" href="css/tree/jquery.treeview.css" />
	<link rel="stylesheet" href="css/tree/red-treeview.css" />
	<link rel="stylesheet" href="css/tree/screen.css" />
	

    
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/tree/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/tree/jquery.treeview.js"></script>
    <script type="text/javascript" src="js/tree/jquery.treeview.async.js"></script>
    
    <script type="text/javascript">
  
    function initTrees() {
		$("#mixed").treeview({
			url: "Tree",
			ajax: {
				data: {
					"additional": function() {
						return "yeah: " + new Date;
					}
				},
				type: "post"
			}
		});
	}
	$(document).ready(function(){
		initTrees();
		
		$("#refresh").click(function() {
			$("#mixed").empty();
			initTrees();
		});
	});
    
    </script>

  </head>
  
  <body>
	<ul id="mixed">
		
	</ul>
	
	<button id="refresh">Refresh both Trees</button>
	
  </body>
</html>
